<!-- 合同管理-合同审批列表 -->
<template>
  <div>
    <pageHeader :title="title" :breadCrumb="breadCrumb" :show-back="true">
    </pageHeader>
    <a-tabs lazy-load>
      <a-tab-pane key="1" title="待审批合同">
        <PendingApproval />
      </a-tab-pane>
      <a-tab-pane key="2" title="历史审批合同">
        <HistoricalApproval />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts" setup>
  import PendingApproval from './pending-approval/index.vue';
  import HistoricalApproval from './historical-approval/index.vue';

  const title = '合同审批列表';
  const breadCrumb = ['合同管理', '合同审批列表'];
</script>

<style scoped lang="less">
  :deep(.arco-tabs-content) {
    padding-top: 0px;
  }
</style>
